.vita-header {
  position: absolute;
  top: 0; left: 0; right: 0;
  padding: rem($vita-header-padding);
  width: 100%;
  height: rem($vita-header-height);
  background-color: $vita-positive;
  // border-bottom: 1px solid $vita-light-dark;
  color: $vita-light;
  line-height: 0;
  z-index: 2;
  // display: flex;
  transform: translate3d(0, 0, 0);

  .title {
    // @include fontsize(30px);
    font-size: rem(48px);
    text-align: center;
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    line-height: rem($vita-header-height);
    text-overflow: ellipsis;
    & + .vita-button:last-child {
      position: absolute;
      // top: rem($vita-header-padding);
      top: rem($vita-header-padding);
      right: rem($vita-header-padding);
    }
  }

  .vita-button {
    // @include fontsize(30px);
    font-size: rem(43px);
    color: inherit;
    min-height: rem(40px);
    min-width: rem(40px);
    z-index: 1;
    line-height: rem($vita-header-height - $vita-header-padding * 2);
    &:after {
      position: absolute;
      content: ' ';
      top: rem(-$vita-header-padding);
      left: rem(-$vita-header-padding);
      bottom: rem(-$vita-header-padding);
      right: rem(-$vita-header-padding);
    }
  }

}